<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="viewport" content="initial-scale=1.0,width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>{$eyou.field.seo_title}</title>
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<meta name="description" content="{$eyou.field.seo_description}" />
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="skin/css/font-awesome.css" /}
{eyou:static file="skin/css/public.css" /}
{eyou:static file="skin/css/style.css" /}
{eyou:static file="skin/css/common.css" /}
  <!-- CSS goes in the document HEAD or added to your external stylesheet -->
  <style>
    table.gridtable {
      font-family: verdana,arial,sans-serif;
      font-size:14px;
      color:#333333;
      border-width: 1px;
      border-color: #666666;
      border-collapse: collapse;
      width: 100%;
      text-align: center;
    }
    table.gridtable th {
      border-width: 1px;
      padding: 15px 10px;
      border-style: solid;
      border-color: #E5F0FA;
      background-color: #F0F7FC;
      text-align: center;

    }
    table.gridtable td {
      border-width: 1px;
      padding: 15px 10px;
      border-style: solid;
      border-color: #E5F0FA;
      background-color: #ffffff;
    }
    .pagination > .active > a, .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover { border-color: #3398cc;color:#3398cc; }
  </style>
</head>
<body>
{eyou:include file="header.htm" /}
<div class="container-wrapper layout">
  <div class="pub-banner"> {eyou:adv pid='3' loop="1"}
    <div class="img"><img src="{$field.litpic}" alt="{$field.title}"></div>
    {/eyou:adv} </div>
  <div class="banner-list-main">
    <div class="banner-list">
      <ul>
        {eyou:models type="first" id="field2" currentstyle="on" loop="3"}
        <li><a href="#about{$i}" title="{$field2.typename}">{$field2.typename}</a></li>
        {/eyou:models}
      </ul>
      <div class="banner-list-right"> {eyou:position/}</div>
    </div>
  </div>

    {:hookexec('AirBottle/AirBottle/show')}


</div>
{eyou:include file="footer.htm" /}
{eyou:static file="skin/css/swiper.min.css" /}
{eyou:static file="skin/js/swiper.min.js" /}
{eyou:static file="skin/js/numroll.js" /}
{eyou:static file="skin/css/glightbox.min.css" /}
{eyou:static file="skin/js/glightbox.min.js" /} 
<script type="text/javascript">
    $(function () {
        // 荣誉资质
        var mySwiper = new Swiper('.pro-case .swiper-container', {
                autoplay : 3000,
                slidesPerView : 4,
                slidesPerGroup : 3,
                spaceBetween : 30,
                speed:1000,
                pagination:'.swiper-pagination',
                paginationClickable: true, 
                breakpoints: { 
                1000: {
                    slidesPerView : 2,
                    slidesPerGroup : 2,
                    slidesPerColumn : 1,
                    spaceBetween : 10,
                            },
            }
        });
        // 数字滚动
        $('.about_mber h5 span').attr('data-speed', '1500');
        $('.rollnum-num1').attr('data-to', $('.rollnum-num1').text());
        $('.rollnum-num2').attr('data-to', $('.rollnum-num2').text());
        $('.rollnum-num3').attr('data-to', $('.rollnum-num3').text());
        $('.rollnum-num4').attr('data-to', $('.rollnum-num4').text());
        $('.rollnum-num5').attr('data-to', $('.rollnum-num5').text());
    });
var imglist  = GLightbox({selector: '.swiper-slide a'});
</script>
</body>
</html>
